<template>
  <el-dialog v-model="dialogVisible" title="示例图" width="353px" :before-close="handleDialogClose">
    <img v-if="expressPic" :src="expressPic" alt="" class="express-pic">
  </el-dialog>
</template>

<script lang="ts">
  import {
    defineComponent,
    ref,
    onMounted
  } from 'vue'
  import expressPic from '@/assets/images/express_pic.png'
  export default defineComponent({
    name: 'DialogDeliver',
    setup() {
      const dialogVisible = ref(<boolean>false)
      onMounted(() => {
      })

      const handleDialogClose = () => {
        dialogVisible.value = false
      }
      const handleDialogOpen = () => {
        dialogVisible.value = true
      }

      return {
        expressPic,
        dialogVisible,
        handleDialogClose,
        handleDialogOpen
      }
    }
  })
</script>

<style lang="scss" scoped>
  $darkBlue: #182245;
  $detailWidth: 100%;
  $recommendGoodsWidth: 190px;

  .express-pic{
    width: 100%;
  }

</style>
